<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="it技术，邱道章，博客，Java，大数据">
    <meta name="author" content="邱道长">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <link rel="stylesheet" href="../static/css/bootstrap.css" th:href="@{/css/bootstrap.css}">
    <link rel="stylesheet" href="../static/css/common.css" th:href="@{/css/common.css}">
    <title>邱道长的个人博客网站</title>
  </head>
  <body>
  <!--头部导航-->
  <nav th:replace="common/navbar::navbar">
  </nav>
    <!-- Main Content -->
  <!--<div class="container-fluid">-->
    <!--<img src="" th:src="@{/img/462370.jpg}" alt="">-->
  <!--</div>-->
    <div class="container main" style="margin-top: 50px;">
      <div th:replace="common/show::show">
      </div>
      <div class="row">
        <div class="col-lg-2  " style="margin-bottom: 20px">
          热门标签：
          <div th:each="obj:${tags}" >
            <a href="" th:href="@{'/tag/get/' + ${obj.tagId}}" th:text="${obj.name}"></a>
          </div>

        </div>
        <div class="col-lg-8  " >
          <div   th:each="obj:${p.list}">
            <a class="remove-underline"   th:href="@{'/article/get/'+${obj.articleId}}">
              <h2 class="post-title" th:text="${obj.title}">
              </h2>
            </a>
            <h3 class="description" th:text="${obj.description}">
            </h3>
            <p class="post-meta" style="font-size: 20px">作者：
              <span  style="font-family: 楷体; color: rgb(0, 123, 255)">邱道长</span>
              <span th:text="${#dates.format(obj.createTime)}"></span></p>
          </div>
          <hr>
          <!-- Pager -->
          <div class="clearfix">
          </div>

        </div>
        <div class="col-lg-2">
          热门文章：
          <div>
            统计信息：
            <a href="https://info.flagcounter.com/NzuE"><img src="https://s11.flagcounter.com/count2/NzuE/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_10/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0"></a>

          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-lg-8 offset-lg-2">
          <ul class="pagination pagination-lg" id="pagination">

          </ul>
        </div>
      </div>
    </div>

  <footer class="footer" th:replace="common/footer::footer"></footer>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  <script src="../static/js/pagination.js" th:src="@{/js/pagination-2.js}"></script>
  <script th:inline="javascript">
    $(function () {
        let pageNum = [[${p.pageNum}]];
        let pageSize = [[${p.pageSize}]];
        let pages = [[${p.pages}]];
      let p = new Page();
      p.createPage('#pagination',pageNum,pageSize,pages,7,'/article/list');
    })
  </script>
  <script th:src="@{/js/search.js}"></script>
  </body>

</html>
